<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/Slide.css" />
<script type="text/javascript" src="js/tinyfader.js"></script>
</head>
<body>
	<div id="wrapper">
		<div>
			<div class="sliderbutton">
				<img src="Images/left.gif" width="32" height="38" alt="Previous"
					onclick="slideshow.move(-1)" />
			</div>
			<div id="slideshow" align="left">
				<ul id="slides">
					<li><img src="Movies/EVM.jpg" width="500" height="300"
						alt="Etto Vellipoyindi Manusu" /></li>
					<li><img src="Movies/KVJ.jpg" width="500" height="300"
						alt="Krishnam Vande Jagatgurum" /></li>
					<li><img src="Movies/LOP.jpg" width="500" height="300"
						alt="Life Of PI" /></li>
					<li><img src="Movies/TA.jpg" width="500" height="300"
						alt="Taalash" /></li>
				</ul>
			</div>
			<div class="sliderbutton">
				<img src="Images/right.gif" width="32" height="38" alt="Next"
					onclick="slideshow.move(1)" />
			</div>
		</div>
		<ul id="pagination" class="pagination">
			<li onclick="slideshow.pos(0)">1</li>
			<li onclick="slideshow.pos(1)">2</li>
			<li onclick="slideshow.pos(2)">3</li>
			<li onclick="slideshow.pos(3)">4</li>
		</ul>
	</div>
	<script type="text/javascript">
		var slideshow = new TINY.fader.fade('slideshow', {
			id : 'slides',
			auto : 3,
			resume : true,
			navid : 'pagination',
			activeclass : 'current',
			visible : true,
			position : 0
		});
	</script>
</body>
</html>